//通过layui.use 先加载table模块。
layui.use([ 'table', 'layer', 'form' ], function() {
	var table = layui.table;
	var layer = layui.layer;
	var form = layui.form;
	// layui内置了jQuery，要使用jQuery语法，需要显示的将jQuery的$取出。
	var $ = layui.$;

	// 弹出层的下标
	var laryer_index;
	// 对新增按钮绑定事件

	/*
	 * form.on('submit(form_search)', function(data) { initTableData(); return
	 * false; })
	 */
	// 当前页面加载完成后，显示的调用初始化table数据的方法。
	initTableData();
	// 初始化table数据
	function initTableData() {
		// 第一个实例
		table.render({
			elem : '#demo',
			height : 312,
			url : 'manager/order/findAllOrder' // 数据接口
			// ,url:'json/table.json'
			,
			where : $('#form_search').serialize(),
			page : true // 开启分页
			,
			cols : [ [

			{
				field : 'userName',
				title : '用户ID'
			}, {
				field : 'price',
				title : '价格'
			}, {
				field : 'addressName',
				title : '收货地址'
			}, {
				field : 'state',
				title : '订单状态'
			}, {
				fixde : 'right',
				align : 'center',
				title : '操作',
				templet : '#operationTpl'
			/* toolbar : '#barDemo' */
			} ] ]
		});
	}

	// 监听行工具事件
	table.on('tool(filter_table)', function(obj) { // 注：tool 是工具条事件名，test 是
		// table 原始容器的属性
		// lay-filter="对应的值"
		console.log(obj);
		var data = obj.data; // 获得当前行数据
		var layEvent = obj.event; // 获得 lay-event 对应的值
		if (layEvent === 'detail') {
			$.ajax({
				type : 'post',
				url : ' manager/order/changeState',
				data : {
					"rowId" : data.rowId
				},
				success : function(result) {
					if (result == 1) {
						initTableData();
					}
				}
			});
		}

	});

});